@import 'animate.ui.css';

/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0;/*transition:all 300ms ease;*/ }
html { height:100%; }
body  { max-width:1920px; min-width:1200px; margin:0 auto; font:14px/2 'Microsoft Yahei', Arial; color:#666;background:#fff;}
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:15px; font-weight:normal; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#0061ae; }
a:link,
a:link img,
input { -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; transition:all .5s linear; }
.fl{float:left;}
.fr{float:right;}

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap,
.wrapper,.w { width:1200px; margin:0 auto; position:relative; }
.wrapper { padding:30px 0 50px;}

/*head*/
.head{ width:100%; height:40px; background:#233357;}
.head_a{ width:1200px; height:40px; margin:0 auto;}
.head_a .head_left{ float:left; color:#ffffff; line-height:40px;} 
.head_a .head_right{ float:right; line-height:40px; color:#ffffff;}
.head_a .head_right a{display:block;width: 82px;text-align: center; float:left; line-height:40px; color:#ffffff;padding-left: 8px;background:url(../img/hline.jpg) no-repeat left center;}

/*top*/
.top{ width:1200px; height:126px; margin:0 auto;}
.top_left{ float:left; height:80px; padding:24px 0 17px;}
.top_left .logo_l{ margin: 10px 14px 0 0;height:80px; display:block; float:left;}
.top_left .logo_r{ float:left; height:80px; background:url(../img/logo_x.jpg) no-repeat left center; padding-left:14px;}
.top_left .logo_r h1{ color:#038acc; font-weight:bold; line-height:40px; font-size:22px;}
.top_left .logo_r h2{ color:#0a1a3e; font-size:18px; line-height:20px;}
.top_right{ height: 82px;margin-top: 28px;float:right; text-align:left; background:url(../img/htel.jpg) no-repeat left center; padding-left:60px;}
.top_right h1{ font-size:26px; color:#0579b2; font-weight:bold;line-height: 44px;/*border-bottom: 1px solid #01052a;*/}
.top_right h2{height:22px;color:#01052a;font-size:18px;}

/*nav*/
.nav{width:100%;height:62px;background:#0061ae; }
.nav ul{ width:1200px; height:62px; margin:0 auto; }
.nav li{ width: 138px;height: 60px;float: left;position: relative;  z-index:1;background:url(../img/line2.jpg) no-repeat left center;  }
.nav li:first-child{background:none;}
.nav li>a{ width: 132px;height: 60px;line-height: 60px;border-top:2px solid #0061ae; text-align: center; color: #fff; display: block;  font-size: 16px;}
.nav li>a:hover,.nav li .hover{height:60px;background:#fff;border-top:2px solid #0061ae;color:#018ccd;}
.nav .subNav{transition:none;width: 100%; display: none;position: absolute;z-index:99;  top: 60px; background:#ffffff; }
.nav .subNav a{ width: 132px;height: 38px;font-size: 16px;line-height:38px;float: left; display: block;color: #000000;text-align: center;}
.nav .subNav a:first-child{background:none;}
.nav .subNav a:hover{color:#018ccd;}


/*banner*/
.banner { height:550px; background:#FFF; position:relative; min-width:1000px;  overflow:hidden;background:none repeat scroll 0 0;  }
.banner .main { width:1000%; overflow:hidden; }
.banner .scroll { overflow:hidden; height:550px; width:100%; }
.banner .scroll ul { width:500%; height:550px; }
.banner .scroll li { width:1920px; height:550px; float:left; }
.banner .scroll img { width:100%; height:554px; }

/*滚动按钮*/
.banner .tip{position: absolute;bottom: 30px;left: 50%;margin-left: -157px;width: 300px;height: 20px;}
.banner .tip span{ float:left; display:block; width:50px; height:5px; cursor: pointer; margin: 0 5px;  background: url(../img/icon.png) 0 0 no-repeat;}
.banner .tip .cur{width:50px; height:5px; background: url(../img/icon.png) 0 -14px no-repeat;transition:all 300ms ease;}

/* minbanner */
.minBanner{position: relative;overflow: hidden;width: 100%;height: 300px;}
.minBanner .banner1{width:1920px;height:300px;margin:0 auto;}
.minBanner .banner1 li{float:left;width:1920px;height:300px;text-align:center;}
.minBanner .tip{position: absolute;bottom: 8px;left: 50%;width: 300px;height: 42px; margin-left: -157px;}
.minBanner .tip span{float:left; display:block; width:38px; height:12px; background:#fff;cursor: pointer; margin: 0 5px;}
.minBanner .tip .cur{width:38px; height:12px; background:#0061ae;}


/*skey*/
.gnl{ width:100%; height:108px;}
.gnl1{position: relative;top: -26px; width:1000px; height:108px; margin:0 auto; background: url(../img/mid.png) center center no-repeat;}
.resou{float: left;height: 58px;color: #fff;font-size: 14px;line-height: 58px;padding-left: 64px;}
.resou a{  line-height:58px; height:58px;  }
.skey{position: relative;margin: 16px 70px 0 0;border: 1px solid #dfdfdf;width:296px; height:26px; float:right;background:#fff;}
.skey .txt1{ width:264px; float:left; border:0; line-height:26px; height:26px; text-indent:10px; color:#6a6868; font-size:14px;}
.skey .submit{ position: absolute;right: 6px;top: 0;width:26px; height:26px; background:url(../img/search.jpg) no-repeat; float:left; border:none; cursor:pointer;}


/*ipro*/
.ipro {width:100%;background:url(../img/probg.jpg) top center no-repeat;  }
.ipro1{width: 1200px;margin: 0 auto;}
.ipro .ihead {width:280px; height:120px; margin:0 0 40px; }
.ipro .ihead .inner{padding:25px 0 0 145px;line-height:40px;font-size:28px;color:#fff;font-weight:bold;}
.ipro .ihead .inner h1{font-size:28px;color:#fff;font-weight:bold;}
.ipro .ihead .inner h2{font-size:20px;color:#94b1d4;}
.ipro .ipleft{float:left; width:280px;}
.ipro-menu {width:280px;}
.ipro-menu dd { width:280px;font-size:15px; margin:12px 0 0; background:#0061ae;}
.ipro-menu dd > a { display:block;padding-left: 22px;height:42px; line-height:42px;color:#fff;background:url(../img/icon2.png) 246px 12px no-repeat;}
.ipro-menu dd:hover > a {background:url(../img/icon2.png) 246px -20px no-repeat; }
.ipro-menu .drop {  display:none; }
.ipro-menu dd.active .drop { }
.ipro-menu .drop li {width:280px;height:56px;border-top: 1px dashed #ccc;background:#fff;}
.ipro-menu .drop li:first-child{border-top:0;}
.ipro-menu .drop a { display:block; height:56px; line-height:56px; padding:0 0 0 40px; color:#333; -webkit-transition:none; transition:none;background:url(../img/icon4.jpg) 20px center no-repeat; }
.ipro-menu .drop li.active a,
.ipro-menu .drop a:hover {color:#0061ae; }
.ipbtel{margin-top:20px;width:280px;height:112px;background:#0061ae url(../img/tel.jpg) 15px center no-repeat;}
.ipbtel span{display:block;padding:20px 0 0 86px;color:#fff;width: 176px;}
.ipbtel h3{padding-left:86px;line-height: 1.2;color:#fff;font-weight:bold;font-size:24px;display: block;}
.ipro-list { float:right; padding-top: 12px;width:890px; overflow:hidden; }
.ipro-list .list { float:left; width:103%; }
.ipro-list .item { float:left; width:274px; margin:0 28px 16px 0; }
.ipro-list .item a{display:block;}
.ipro-list .item img{display:block; width:274px; height:210px; border:1px solid #e4eaed;}
.ipro-list .item h1{height: 40px;line-height: 40px;color:#444444;text-align:center;}
.ipro-list .item a:hover h1{color:#0061ae;}


/*icase*/
.icase{padding-bottom: 34px;width:100%;background:#fff url(../img/top.jpg) 0 48px no-repeat;}
.icase .icase_tit{width:1200px;margin:0 auto; position:relative;padding:134px 0 20px 0;}
.icase .itit{width: 206px;height:38px;margin:0 auto;}
.icase .itit em{display:block;margin-top: 20px;float:left;width:40px;height:2px;background:#505050;}
.icase .itit i{display:block;margin-top: 20px;float:left;width:40px;height:2px;background:#505050;}
.icase .itit h1{float:left;padding: 0 10px;color:#505050; text-align:center;font-size:24px; height:38px;line-height:38px;}
.icase .itit span {display:block;line-height: 32px;text-align: center;color:#4a8706;font-size:20px;}
.icase .icase_tit p{text-align:center;color:#505050;font-size:28px;}
.icase .icase_tit p span{color:#0061ae;font-weight:bold;}

.icase .ins {position: relative;width:100%;height:422px;background:#0061ae;margin-top: 68px;}
.icase .ins .imore{display:block;position: absolute;right: 0;font-size:18px;color: #333;top: -52px;}
.icase .ins .imore:hover{color:#0061ae;}
.icase .ichead { }
.icase .ichead h3 { line-height:20px; font-size:12px; color:#80929b; text-transform:uppercase; font-weight:normal; }
.icase .ichead h2 { line-height:40px; font-size:30px; color:#fff;margin:0 0 15px; }
.icase .des {width: 550px; line-height:26px; color:#d3dde2; margin:33px 0 10px;float: right; }
.icase .des .icmo{margin: 18px 0;width:130px;height:40px;line-height:40px;background:#fff;}
.icase .des .icmo a{display: block;font-size:16px;width:130px;text-align:center;color:#5b98c7;}
.icase .des .icmo a:hover{background:#233357;color:#fff;}

.iphoto { width:600px;float: left;position: relative;top: -60px;}
.iphoto .inner { width:600px; height: 450px;overflow:hidden;position:relative; }
.iphoto .list { float:left; width:300%; position:relative; }
.iphoto .list li { float:left; width:600px; height:450px; margin:0 15px 0 0; background:#FFF; }
.iphoto .list img { display:block; width:600px; height:450px; }
.iphoto .list img:hover { opacity:.8; filter:Alpha(opacity=80); }
.iphoto .tip { position:absolute; right:0; bottom:-20px; line-height:0; }
.iphoto .tip li { display:inline-block; +display:inline; +zoom:1; width:8px; height:8px; background:#d1d2d2; border-radius:50%; cursor:pointer; margin:0 0 0 5px; }
.iphoto .tip li.active { background:#6dc7cf; }
.iphoto .arrow{position:absolute; left:628px; bottom:54px; width: 112px;  }
.iphoto .arrow a{ display: block;margin-right: 10px; width: 42px;height: 42px;line-height:36px;text-align:center;font-size:30px;color:#5b98c7;border:1px solid #5b98c7;}
.iphoto .arrow a.prev{float: left;}
.iphoto .arrow a.next{float: right;}
.iphoto .arrow a:hover{background:#fefefe;color:#0061ae;}

.icase .main { clear:both; width:100%; position:relative; overflow:hidden;margin-top: 28px; }
.icase .ilist { float:left; width:300%; position:relative; }
.icase .ilist li { float:left; width:285px;  overflow:hidden; position:relative; margin:0 20px 0 0; }
.icase .ilist a { display:block; position:relative; }
.icase .ilist img { display:block; width:100%; height:213px; }
.icase .ilist img:hover {opacity:.8; filter:Alpha(opacity=80); animation:headShake .5s ease;  }
.icase .ilist h3 { text-align:center;  line-height:40px;font-size:14px;color:#999999;}
.icase .ilist a:hover h3{color:#0061ae;}
.imo{width:154px;height:40px;line-height:40px;text-align:center;border:1px solid #000000;margin: 30px auto 40px;}
.imo a{display:block;color:#000000;}


/*iabout*/
.iabout{width:100%;height:640px;background:#edeaf1;}
.iabout .a_left{float:left;width:540px;height:402px;padding-top:72px;}
.iabout .a_left  img{display:block;float:left;width:540px;height:402px;}
.iabout .a_right{float:right;width:596px;height:402px;padding-top:60px;}
.iabout .a_right .ahead{padding-top: 34px;}
.iabout .a_right .ahead h1{ color:#dadad8;font-size:76px;line-height:60px;}
.iabout .a_right .ahead h2{font-size:22px;color:#233357;font-weight:bold;line-height: 24px;}
.iabout .a_right .ahead span {color:#bbbbbb;font-size:14px;}
.iabout .a_right .iabot{padding: 10px 0;color:#646464;}
.iabout .a_right .imore{margin-top: 18px;display:block;float: left;width:130px;height:36px;line-height:36px;text-align:center;color:#fff;background:#0061ae;}
.iabout .a_right .imore:hover{background:#fff;color:#0061ae;}

/*iabouttwo*/
.iabouttwo{ position:relative;top: -74px;width:1200px;height:242px;background:#f5f5f5;margin:0 auto;}
.iat_l{float:left;width:940px;height:225px;overflow: hidden;position: relative;}
.iat_l ul{width: 104%;height: 206px;padding:34px 0 0 10px;}
.iat_l li{float:left;width:200px;margin-left:20px;}
.iat_l li:hover{transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);transition:all 300ms ease;}
.iat_l li a{display:block;}
.iat_l li img{display:block;width:200px;height:152px;}
.iat_l li h1{height:40px;line-height:40px;text-align:center;color:#666666;}

.iat_r{float:right;width:246px;height:293px;background:url(../img/abg.png) center center no-repeat;position: absolute;bottom: 0;right: 0;}
.iat_r ul{}
.iat_r .ahead{width:246px;height:66px;padding-top: 10px;}
.iat_r .ahead h1{line-height: 30px;text-align:center;font-size:20px;font-weight:bold;color:#fff;}
.iat_r .ahead span{display: block;text-align:center;font-size:14px;color:#85a6ce;}
.iat_r li{width:246px;height:54px;padding-top: 16px;}
.iat_r li a{display:block;width:230px;}
.iat_r li a{padding-left: 16px;}
.iat_r li:first-child a{background:url(../img/icon5.png) 46px 9px no-repeat;}
.iat_r li:first-child+li a{background:url(../img/icon5.png) 46px -70px no-repeat;}
.iat_r li:first-child+li+li a{background:url(../img/icon5.png) 46px -153px no-repeat;}

.iat_r li.hover{background:url(../img/aahov.png) center center no-repeat;}
.iat_r li h1,.iat_r .iamo h1{line-height: 22px;text-align:center;font-size:15px;font-weight:bold;color:#fff;}
.iat_r li span,.iat_r .iamo span{line-height: 20px;display: block;text-align:center;font-size:14px;color:#85a6ce;}
.iat_r .iamo{height: 59px;background:url(../img/hengx.jpg) 16px 0 no-repeat;}
.iat_r .iamo:hover h1{text-decoration: underline;}


/*inews*/
.inews{width:1200px;height: 600px;margin:0 auto;}
.inewsx{float:left;width:784px;}
.inew_head{width:784px;height:60px;background:#233357;}
.inew_head h1{float: left;width: 92px;line-height: 60px;color: #fff;font-size: 16px;font-weight: bold;background: #0061ae url(../img/tu1.png) 28px 18px no-repeat;padding-left: 63px;}
.inew_head a{float: right;width: 46px;height: 30px;background: url(../img/icon2.png) 1px 5px no-repeat;margin-top: 16px;}

.inews_bot{width:734px;height:412px;padding:24px;border:1px solid #e4eaed;border-top:0;}
.inews_bot img{float:left;width:308px;height:410px;}
.inews_r{float:right;width:410px;}
.inews_r .hot{border-bottom: 1px dashed #dddddd;height: 137px;}
.inews_r .hot h1{font-size:15px;font-weight:bold;color:#233357;}
.inews_r .hot p{color:#999999;line-height: 20px;}
.inews_r .hot a{display:block;margin: 18px 0;width:100px;height:30px;line-height:30px;text-align:center;background:#0061ae;color:#fff;}
.inews_r .hot a:hover{background:#233357;}

.inews_r .list {position:relative; }
.inews_r .item {height:44px;line-height: 44px;position:relative;font-size: 14px;border-bottom: 1px dashed #dddddd;}
.inews_r .item h3{ padding-left: 12px;}
.inews_r .item span{float: right;color: #aaaaaa;font-size: 14px;}
.inews_r .item h3 a {color: #333333;font-size: 14px; float: left;display: inline-block;}
.inews_r .item h3:hover{ }
.inews_r .item h3:hover a{color: #0061ae; }

.iqfa {  float: right;width: 334px;height:469px;border:1px solid #e4eaed;padding:24px; }
.iqfa .headx{margin-bottom: 20px;position: relative;border-bottom: 1px solid #d4d4d4;height: 36px;}
.iqfa .headx h2 {float:left;padding-left: 48px; font-size:17px; color:#0061ae; font-weight:700;background: url(../img/tu2.png) no-repeat left center; }
.iqfa .headx b{display: block;position: absolute;bottom: -2px;left: 0;border-bottom: 3px solid #0061ae;width: 39px;}
.iqfa .headx .mo {float:right;display: block;width: 25px;height:36px;background: url(../img/icon3.jpg) no-repeat right center;}
.iqfa .headx .mo:hover {transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.iqfa img{display:block;width:335px;height:122px;}

.iqfa .listx {margin-top: 30px;}
.iqfa .item {padding:6px 0 16px 0;border-top:1px dashed #dddddd; }
.iqfa .item:first-child{border-top:0;}
.iqfa .item h3 { height:30px; line-height:30px; overflow:hidden;}
.iqfa .item h3 a{font-size: 14px;color: #233357;font-weight: bold; }
.iqfa .item h3 i{display: inline-block;margin-right: 5px;font-style:normal;text-align:center;width: 20px;height: 20px;line-height: 20px;font-size: 15px;background:#233357;color: #fff;}
.iqfa .item p {line-height:20px; overflow:hidden; color: #9a9a9a;font-size:14px; }
.iqfa .item p i{display: inline-block;margin:4px 5px 0 0;float: left;font-style:normal;text-align:center;width: 20px;height: 20px;line-height: 20px;font-size: 15px;background: #0061ae;color: #fff;}
.iqfa .item p span{display: block;float: left;width: 298px;}
.iqfa .item:hover h3 a{color: #0061ae;}


/*footer*/
.footer{width:100%;height:72px;background:#edeaf1;}
.footm{width:1200px;margin:0 auto;}
.footm h1{float:left;width:134px;height:72px;line-height:72px;text-align:center;color:#fff;background: url(../img/bnav.png) no-repeat center center;}
.bnav{float:right;width:1040px;height:72px;}
.bnav li{float:left;width:115px;height:72px;line-height:72px;text-align:center;background: url(../img/line.jpg) no-repeat left center;}
.bnav li:first-child{background:none;}
.bnav li a{display:block;color:#444444;}
.bnav li a:hover{color:#3598db;}


/*bottom*/
.bottom{width:100%;height:316px;background:#233357;}
.bottom1{width:1200px;margin:0 auto;padding-top:24px;}
.ibtcon{float: left;padding-top: 20px;width: 310px;font-size:14px;color:#ffffff;}
.ibtcon .blogo{display:block;width:190px;height:66px;}
.ibtcon .btel{font-size:26px;color:#ffffff;font-weight:bold;}
.boter_mid{padding-top:10px;color:#c4d0e9;}
.boter_mid a{color:#c4d0e9;}

.bright{float:right;width:864px;padding-top:20px;}
.bright h1{font-size:15px;color:#fff;font-weight:bold;}
.bright em{display:block;margin-bottom:10px;width:24px;height:2px;background:#0061ae;}
.icontact{float:left;width:288px;}
.icontact{padding:0 30px;height:217px;border-left:1px solid #08142f;font-size:14px;color:#c4d0e9;}
.ilink{float:left;width: 172px;height:217px;border-left:1px solid #08142f;padding: 0 40px;}
.ilink a{color: #c4d0e9;width: 100px;display: block;float: left;}
.icode{float:left;padding:0 10px 0 56px;width:186px;height:217px;border-left:1px solid #08142f;}
.icode img{display:block;width:140px;height:140px;}
.icode span{width:140px;display:block;color:#c4d0e9;text-align:center;line-height: 32px;}
.bottom a:hover{color:#ffa800}


/*toolbar*/
.toolbar { position:fixed; top:200px; right:1px; z-index:100;width: 50px; }
.toolbar > * { width:50px; height:50px; position:relative; margin:0 0 1px; }
.toolbar > * > a { display:block; width:50px; height:50px; }
.toolbar .qq { background:url(../img/tip2.png) 5px 0px no-repeat #0061ae; }
.toolbar .tel { background:url(../img/tip2.png) 5px -52px no-repeat #0061ae; }
.toolbar .code { background:url(../img/tip2.png)  3px -102px no-repeat #0061ae; }
.toolbar .btop { background:url(../img/tip2.png) 5px -154px no-repeat #0061ae; }
.toolbar .drop-code { position:absolute; top:-38px; right:56px; background:#0061ae; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:100px; height:100px; }
.toolbar .drop-code h3 { font-weight:normal;color:#fff; }
.toolbar .drop-tel { position:absolute; top:0; right:51px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:50px; line-height:50px;padding:0 0 0 10px; background:#0061ae; color:#FFF; font-size:20px; font-family:Arial; }
.toolbar .qq:hover { background:url(../img/tip2.png) 5px 0px no-repeat #233357; }
.toolbar .tel:hover { background:url(../img/tip2.png) 5px -52px  no-repeat #233357; }
.toolbar .code:hover { background:url(../img/tip2.png)  3px -102px no-repeat #233357; }
.toolbar .btop:hover { background:url(../img/tip2.png) 5px -154px no-repeat #233357; }


/*内页*/
.sidebar { float:left; width:260px; border: 2px solid #0061ae;background: #fff;position: relative;z-index: 10;}
.topclass { width:100%; height:80px;  color:#fff;background: #0061ae;  text-align: center;margin-bottom: 14px;text-transform: uppercase;}
.topclass h2 {font-size:20px; position: relative;padding-top: 10px;}
.topclass h2 i,.topclass h2 em{display: block;width: 5px;height: 5px;position: absolute;background: #fff;top: 38px;border-radius: 100%;}
.topclass h2 i{left: 68px; }
.topclass h2 em{right: 68px;}
.side-menu { }
.side-menu h2{color: #666;font-size: 18px;padding: 32px 0;text-align: center; }
.side-menu dd { position: relative;margin-bottom: 20px;}
.side-menu dd > a { display:block; height:42px; line-height:42px; text-align: center;font-size: 16px;width: 170px;margin-left:44px ;color: #666;border: 1px solid #666; }
.side-menu dd > a:hover{ color: #fff;background: #0061ae;border-color: #0061ae;}
.side-menu .drop {  display:none; }
.side-menu .drop li { }
.side-menu .drop a { display:block; text-align: center;  color: #0061ae;  }
.side-menu .drop a:hover { font-weight: bold;color: #0061ae;}
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a {  color: #fff;background: #0061ae;border-color: #0061ae;}
.side-menu li.current > a {  }
.sidebar .tel1{background:#0061ae;height: 120px;padding-top: 20px;text-align: center;color: #fff;}
.sidebar .tel1 p{line-height: 1.6;font-size: 20px;  }
.sidebar .tel1 a.zixun{border: 2px solid #fff;text-align: center;display: block;margin: 0 auto;margin-top: 58px; width: 124px;height: 35px;line-height: 35px;font-size: 16px;color: #fff;}
.sidebar .tel1 a.zixun:hover{ text-decoration: underline; }


.subcomt {border: 1px solid #cacbcb;padding: 8px;}
.sobtitle {height: 46px;line-height: 46px;margin-bottom: 10px;background: #edeaf1;}
.sobtitle p.fl {color: #592f2a;font-size: 24px;background: #0061ae;color: #fff;font-weight: bold;padding: 0 20px;}
.sobtitle .sitepath {padding: 0 34px;font-size: 14px;color:#444444;}
.sobtitle .sitepath a{color:#444444;}
.sobtitle .sitepath a:hover{color:#0061ae;}
.submian {position: relative;margin-top: 30px;}

.submian .subleft {width: 264px;}
.submian .subleft .sidebar{float: none;margin-bottom: 10px;}
.submian .subleft .titlex {    text-align: center;background: #0061ae;color: #fff;height: 82px;}
.submian .subleft .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}
.submian .subleft .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.submian .subleft .titlex a {font-size: 14px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 21px;line-height: 21px;float: right;margin-right: 10px;margin-top: 20px;position: relative;width: 75px;color: #fff;}
.submian .subleft .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.submian .subleft .titlex a i:before {content: "";height: 21px;}
.submian .subleft .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.submian .subleft .titlex a:hover i:before {content: "";color: #F3F3F3;}
.submian .subleft .lefta {padding-bottom: 20px;}
.submian .subleft .lefta .titlex{ height: 122px;line-height: inherit;}
.submian .subleft .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.submian .subleft .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}

.submian .subleft .lefta .comt { }
.submian .subleft .lefta .comt ul li {line-height: 52px;color: #787878;display: block;margin-bottom: 2px;width:100%;}
.submian .subleft .lefta .comt ul li a {font-size: 18px;position: relative;display: block;width:220px;height:52px;line-height:52px;border-bottom: 1px solid #e2e2e2;padding-left: 60px;}
.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {color: #0061ae;background: #FFF100;}
.submian .subleft .lefta .comt ul .box {display: none;}
.submian .subleft .lefta .comt ul .box a {display: block;line-height: 32px;font-size: 14px;height: 32px;border-bottom: 1px solid #eee;border-top: 0px;border-left: 0px;border-right: 0px;}
.submian .subleft .lefta .comt ul li.current .box { display:block; }
.submian .subleft .lefta .comt ul li.current > a {background: #FFF100;color: #0061ae; }
.submian .subleft .lefta .comt ul li.current > a {background:#FFF100;color:#0061ae; }

.submian .subleft .leftnews .leftnewscomt {border: 1px solid #0061ae;*padding: 20px 15px;}
.submian .mainx {  height:230px;margin: 20px 15px;  background:#FFF; overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.submian .listx { float:left; width:300%; position:relative; }
.submian .listx dd { float:left; width:250px; height:187px; position:relative; }
.submian .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.submian .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.submian .listx img { display:block; width:250px; height:187px; }
.submian .listx dd:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.submian .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.submian .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.submian .tipx span.cur { background-position:center bottom; }
.submian .leftcontact{margin-bottom: 20px; }
.submian .leftcontactcomt{line-height: 28px;border: 1px solid #0061ae;padding: 10px; font-size: 15px;}


.submian .subright {width: 892px;margin-bottom: 65px; line-height: 28px;}
.submian .subright .produtlist .list {overflow: hidden;}
.submian .subright .produtlist .list ul{width:110%;}
.submian .subright .produtlist .list .itag li {float: left;margin: 8px;width: 282px;}
.submian .subright .produtlist .list .itag li.err span{cursor: text;}
.submian .subright .produtlist .list .itag li img {width: 276px;height: 206px;display: block;padding: 2px;border: 1px solid #dcdcdc;}
.submian .subright .produtlist .list .itag li span {cursor:pointer;height: 34px;line-height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;}
.submian .subright .produtlist .list .itag li:hover img {border-color: #0061ae;background: #0061ae;}
.submian .subright .produtlist .list .itag li:hover span {color: #0061ae;}
.submian .subright .listnews {padding:0 20px 20px 20px;}
.submian .subright .listnews ul li {width: 100%;border-bottom: 1px dashed #d6d6d6;height: 40px;line-height: 40px;}
.submian .subright .listnews ul li.err{margin-bottom: 20px;}
.submian .subright .listnews ul li a {display: block;}
.submian .subright .listnews ul li a p {float: left;cursor:pointer;}
.submian .subright .listnews ul li a span {color: #999;cursor:pointer;float: right;}
.submian .subright .listnews ul li a:hover p {color: #0061ae;}
.submian .subright .listnews ul li a:hover span {color: #666;}
.submian .subright .aboutlist,.submian .subright .aboutlistx {line-height: 32px;color: #333;}
.aboutlist img{max-width:100%}
.submian .subright .conBox {padding: 0px 20px 20px;line-height: 24px;color: #333;}
/* page_newsdetail_list */
.submian .subright .ArticleTitle {padding-bottom: 7px;}
.submian .subright .ArticleTitle h1 {padding-top: 10px;    font-size: 20px;    line-height: 30px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #0061ae;}
.submian .subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.submian .subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}

/* listProduct */
.listProduct {margin-top: 20px;}
.listProduct .tod { overflow:hidden; }
.listProduct ul{ width:110%; }
.listProduct .item{ width:286px; height:270px; float:left; overflow:hidden; margin:0 8px 20px 0px;padding: 3px;}
.listProduct .item img{ width:286px; height:214px;border-radius: 10px;border: 2px solid #eee;}
.listProduct .item a{ display:block; color:#0061ae;line-height:26px; font-size:16px;}
.listProduct .item p{ width:100%;  text-align:center;}
.listProduct p.wd{ width:100%;   }
.listProduct p.wd a{ display:block;font-size: 18px; color:#444;font-weight:normal;}
.listProduct p.wd b{display: inline-block;height: 40px;line-height: 40px;}
.listProduct p.wd span{ color:#666666; font-size:14px; height: 50px;margin-top: 10px;display: block;    word-wrap: break-word;}
.listProduct .item:hover a{color: #0061ae;transition:none;}
.listProduct .item:hover b{border-color: #0061ae; }
/* relatedLink */
.submian .subright .reLink {height: 30px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;overflow:hidden;}
.submian .subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.submian .subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}
.maplist li a {background: #eee;width: 98%;height: 30px;line-height: 30px;display: block;margin-bottom: 10px;padding-left: 2%;font-weight: bold;}
.maplist li .box {width: 100%;height: auto;margin-bottom: 10px;}
.maplist li .box a {float: left;height: 24px;line-height: 24px;width: auto;text-align: center;margin-right: 10px;padding: 0px 5px;font-weight: normal;}
.maplist li .box a:hover {background: #ff611c;color: #fff;}
/* pager */
.pager {display: block;width: 100%;height: auto;padding: 25px 0 5px;text-align: center;clear: both;margin-bottom: 5px;
background: url(../images/inews_liner.jpg) repeat-x left top;}
.pager span,
.pager a {display: inline-block;border: 1px solid #ccc;color: #666;background: #f3f3f3;height: 24px;line-height: 24px;padding: 0px 8px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #0061ae;border-color: #0061ae;color: #fff;text-decoration: none;}
.pager .cur {background: #0061ae;border-color: #0061ae;font-weight: bold;color: #FFF;}
.pager span.dot {background: #0061ae;border-color: #0a6c00;font-weight: bold;color: #FFF;}
/* cms2.0地图 */
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#0061ae; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:300px; border:1px solid #0061ae; border-top:3px solid #0061ae;}
.baiduMap {
    background: #eee none repeat scroll 0 0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 0 auto 20px;
    width: 100%;
}
.BMap_bubble_title a {
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}
.BMap_bubble_title a:hover {
}
.BMap_bubble_title > a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
}
.BMap_bubble_title > a:hover {
    background: #666 none repeat scroll 0 0;
}



.pageMsg {color: #333d58;margin-top: 30px;}
.pageMsg #formPost table td input#txtImageCode {width: 70px;}
.pageMsg #formPost table td input:focus {border-color: #eee;outline: 0;}
.pageMsg #formPost table span.red {color: #f00;margin-right: 5px;}
.pageMsg #formPost table input {border: 1px solid #ccc !important;font-family: "microsoft yahei";}
.pageMsg #formPost table textarea {border: 1px solid #ccc !important;}
.pageMsg #formPost table input.sub {font-family: "microsoft yahei";cursor: pointer;width: 100px;height: 35px;line-height: 24px;color: #848484;text-align: center;margin-top: 10px;background: #fff;}
.pageMsg #formPost table input.sub:hover {background: #ff611c;color: #fff;border: 1px solid #eee !important;}
.pageMsg #formPost table td input {width: 240px;height: 25px;line-height: 25px;padding: 0px 5px;}
.pageMsg tr.code input {width: 90px;}
.pageMsg .err {color: #f00;padding-left: 10px;}
.pageMsg tr.item textarea {width: 240px;height: 50px;color: #666;border: 1px solid #ccc;padding: 0 5px;outline: none;}
/*# sourceMappingURL=style.css.map */
#slider{width:630px;height:240px;position:relative;margin:0 auto;}
.scroll{width:630px;height:340px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:230px;height:288px;}
.scrollContainer .panel{width:195px;height:146px;float: left;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url(../img/tab1.png) no-repeat left top;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:80px; }
.btnMode a.prev{left:-30px;background-position:13px 0px;}

.btnMode a.next{right:-30px;background-position:-13px 0;}
.BMap_bubble_content{line-height:22px;}

#tp_img{ float: left; width: 670px;  overflow: hidden; text-align:center;font-size:0; }
.itag1{ width:640px; float:left; position:relative; display:inline-block; background:#f1f1f1; border:1px solid #e0e0e0; height:82px; padding:10px 10px 0; margin-top:10px; }
.itag1 .up,.itag1 .down{ display:block; width:23px; height:66px; background:url(../img/icoup.png) no-repeat center; float:left; }
.itag1 .down{ background-image:url(../img/icodown.png);}
.itag1 .img_{ height:75px; width:580px; margin:0 5px; overflow:hidden; position:relative; float:left} 
.itag1 .img_ a{ display:block; height:75px; float:left; padding-right:10px }
.itag1 .img_bk{ width:800%}
.itag1 .img_ img{ border:1px solid #eee;}
.itag1 .img_ a:hover img,.itag .img_ a.hover img{ border-color:#f60}

.ProDes{padding-top:10px;float:left;}

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px;background: none; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../img/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

/* 4:3 图文 */
.list-case { padding:0 20px;  margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline;color:#0061ae; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }
.list-case .item .detail a:hover{color:#0061ae; }

/* 产品详情页 */
.product-content {padding: 20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }

.relink { padding:0 10px; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 20px 20px 20px ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.product-photo .thum dd.current { border-color:#0061ae; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:115px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#0061ae; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#ffa800; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:24px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px;  
  padding:0; line-height:1.1; position:absolute; left:0; bottom:10px;margin: 0; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#0061ae; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-container .article img{max-width:100%;}
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px;  font-size:16px; color:#0061ae; }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 335px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .telx { width:250px; height:; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; }
.product-info2 .telx dt { font-size:16px; font-weight:700; }
.product-info2 .telx dd { font-size:30px; color:#0061ae; font-weight:700; }

.recommend-news {  margin:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#0061ae; border-left:5px solid #0061ae; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#0061ae; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 20px 20px 0; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:396px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline;color:#0061ae; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; padding: 0 20px;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#0061ae; border-left:5px solid #0061ae; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#0061ae; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 9px 0 0; }
.recommend-pro .item .img { width:276px; height:206px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:206px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

.recommend-form { padding: 0 20px; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#0061ae; border-left:5px solid #0061ae; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../img/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../img/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../img/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt {width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#0061ae; }
.recommend-form .reset { background:#292826; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#233357; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}